<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>余额</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/css/weui.css" />
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/css/index.css" />
    <script src="__STATIC_URL__/static/mobile/js/weui.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
    .yue{
        color: #FF4B4A;
        text-align: right;
        width: 60px;
    }
    .weui-media-box_appmsg .weui-media-box__hd{
        width:30px;
        height: 30px;
    }
    .weui-media-box__title{
        font-size: 14px;
    }
    .weui-media-box__desc{
        font-size: 12px;
    }
</style>
<body>
<div class="container" id="container">
    <div class="chongzhitop relative">
        <div>
            <dl>
                <dt>
                    <!--<img src="__STATIC_URL__/static/mobile/images/jifen.png"/>-->
                </dt>
                <dd>
                    ￥{$card.balance}
                </dd>
            </dl>
        </div>
        <div class="sm">
            <p>查看余额详情与充值说明</p>
            <img src="__STATIC_URL__/static/mobile/images/jiantou.png" alt="" />
        </div>
    </div>
    <div class="bgfff chakan" style="display: none;">
        <p class="chu">储值账户:<span class="yue">{$card.balance}</span></p>
    </div>
    <div class="weui-panel weui-panel_access">
        {volist name="list" id="vo"}
            <div class="weui-panel__bd">
                <a href="{:url('carduser/balancedetail',array('card_id'=>$vo['card_id'],'dalanceid'=>$vo['id']))}" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb" src="__STATIC_URL__/static/mobile/images/ye.png" alt="">
                    </div>
                    <div class="weui-media-box__bd neirong">
                        <h4 class="weui-media-box__title">商户名称:{$vo.mid|getmachnames}</h4>
                        <p class="weui-media-box__desc">{$vo.create_time}</p>
                    </div>
                    <div class="weui-media-box__bd yue">{neq name="vo.add_balance" value="0"}{$vo.add_balance}{else/}-{$vo.del_balance}{/neq}</div>
                </a>
            </div>


        {/volist}
    </div>

<!--    <div class="jilu" style="text-align: center;">
        <div style="margin-top: 100px;">
            <dl>
                <dt>
                    <img src="__PUBLIC__/Card/images/1.png" alt="" style="width:100px;height:100px;"/>
                </dt>
                <dd>还没有任何交易记录</dd>
            </dl>

        </div>
    </div>-->

</div>
</body>
<script src="__STATIC_URL__/static/js/jquery-2.1.4.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
//    wx.config({$share.wxjssdk});
//    wx.ready(function(){
//        wx.hideAllNonBaseMenuItem();
//
//        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//    });
</script>
<script type="text/javascript">
    $(function() {
        $('.weui-navbar__item').on('click', function() {
            var index = $(this).index();
            $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
            $(".weui-tab__panel").css("display", "none").eq(index).css("display", "block");
        });

    });
</script>
<script type="text/javascript">
    $(function(){
        $(".sm").click(function(){
            if($(".chakan").css("display")=="none"){
                $(".chakan").css("display","block");
            }else{
                $(".chakan").css("display","none");
            }

        })
    })
</script>
</html>